<!--
 * @Author: your name
 * @Date: 2021-08-19 15:23:06
 * @LastEditTime: 2021-10-02 18:30:25
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue_study\src\views\home\ChildComps\HomeSwiper.vue
-->
<template>
  <van-swipe v-if="banners.length" class="my-swipe" :autoplay="3000" indicator-color="white">
  <van-swipe-item v-for="(item,index) in banners" :key="index">
      <img class="imgSwip" v-lazy="item.img_url" alt="">
  </van-swipe-item>
</van-swipe>
</template>

<script>
export default {
    name:'HomeSwiper',
    props:{
        banners:Array,
        default(){
            return []
        }
    }
}
</script>
<style scoped>
    .imgSwip{
        width: 100%;
        height: 177px;
    }
</style>